<template>
    <!-- 到时用轮播图组件即可 -->
    <div id="carousel">
        <img src="https://picsum.photos/400/200" alt="carousel">
        <img src="https://picsum.photos/400/200" alt="carousel">
        <img src="https://picsum.photos/400/200" alt="carousel">
    </div>
</template>


<script>
    export default {
        name: "Carousel", // 指定组件名
        data: function () {
            return {
            
            }
        }
    }

</script>

<style lang="less" scoped>
    #carousel {
        width: 100vw;
        height: 200px;
        overflow: auto;
        display: flex;
        align-items: center;
        justify-content: center;

        img {
            width: 100vw;
            height: 200px;
        }
    }
</style>